<template>
  <div class="content-item-wrap">
    <h2>{{ title }}</h2>
    <slot></slot>
  </div>
</template>

<script setup lang="ts">
defineProps<{
  title: string
}>()
</script>

<style scoped lang="scss">
.content-item-wrap {
  padding: 30px 20px;
  background-color: #fff;
  border-radius: 4px;

  & + .content-item-wrap {
    margin-top: 20px;
  }

  > h2 {
    font-size: 16px;
  }
}
</style>
